<%@ page pageEncoding="UTF-8" %>
<center>
<form name="addBook" id="addBook" action="AddBookServlet" method="post" enctype="multipart/form-data">
<table>
	<tr>
		<td style="text-align: right;">Tytuł</td>
		<td><input type="text" name="title" id="title" size="20"/></td>
	</tr>
	<tr>
		<td style="text-align: right;">Autor</td>
		<td><input type="text" name="author" id="author" size="20"/></td>
	</tr>
	<tr>
		<td style="text-align: right;">Data Wydania</td>
		<td><input type="date" name="date" id="date" size="20"/></td>
	</tr>
	<tr>
		<td style="text-align: right;">Ilość Stron</td>
		<td><input type="text" name="pages" id="pages" size="20"/></td>
	</tr>
	<tr>
		<td style="text-align: right;">ISBN</td>
		<td><input type="text" name="isbn" id="isbn" size="20"/></td>
	</tr>
	<tr>
		<td style="text-align: right;">Okładka</td>
		<td><input type="file" name="file" id="file" accept="image/jpeg"/></td>
	</tr>
		<tr>
		<td style="text-align: right;">Fragment</td>
		<td><input type="text" name="fragment" id="fragment" size="20"/></td>
	</tr>
</table>
<input type="button" onclick="myFun('addBook')" value="Dodaj Książkę"/>
</form><br>
</center>
<script>
function myFun(form){
	var title=document.forms[form]["title"].value;
	var author=document.forms[form]["author"].value;
	var date=document.forms[form]["date"].value;
	var pages=document.forms[form]["pages"].value;
	var isbn=document.forms[form]["isbn"].value;
	var isbn=document.forms[form]["fragment"].value;
	if (title=="" || author=="" || date=="" || pages=="" || isbn=="" || fragment=="") {
		alert("Wszystkie pola muszą być wypełnione");
	} else if (!(/[0-9]+/.test(pages))) {
		alert("Ilość stron musi być numerem");
	} else if (date==null || !(/[1-2][0-9][0-9][0-9]-[0-1][0-9]-[0-3][0-9]/.test(date))) {
		alert("Niepoprawny format daty wydania książki");
	} else {
		var r=confirm("Potwierdzenie akcji: dodaj książkę");
		if (r==true){
			document.getElementById(form).submit();
		}
	}
	return false;
}
</script>